$(function(){
    $.ajax({
        url:"https://mock.mengxuegu.com/mock/62a062afee30d248b590f059/yulianxiaoguo",
        type:"post",
        success:function(res){
            $.each(res,function(index,data){
                $("#aaaaaa").append("<h3>"+data.name+"</h3><p>"+data.wen+"</p>")
            })
        }
    })

    $.ajax({
        url:"https://mock.mengxuegu.com/mock/62a062afee30d248b590f059/headerurll",
        type:"post",
        success:function(res){
            $.each(res,function(index,data){
                $(".popo").append("<li><a href='#'>"+data.username+"<a></li>")
            })
        }
    }) 
    $.ajax({
        url:"https://mock.mengxuegu.com/mock/62a062afee30d248b590f059/headerxia",
        type:"post",
        success:function(res){
            $.each(res,function(index,data){
                $("#cococ").append("<h1 class='b'>"+data.name+"</h1><h4 class='b'>"+data.wen+"</h4>")
            })
        }
    }) 
    $.ajax({
        url:"https://mock.mengxuegu.com/mock/62a062afee30d248b590f059/sectionshangbian",
        type:"post",
        success:function(res){
            $.each(res,function(index,data){
                $(".qwert").append("<h4>"+data.name+"</h4><span>"+data.wen+"</span>")
                $(".qwertt").append("<h4>"+data.namea+"</h4><span>"+data.wena+"</span>")
                $(".qwerttt").append("<h4>"+data.nameb+"</h4><span>"+data.wenb+"</span>")
                $(".qwertttt").append("<h4>"+data.namec+"</h4><span>"+data.wenc+"</span>")
                $(".qwerttttt").append("<h4>"+data.named+"</h4><span>"+data.wend+"</span>")
                $(".qwertttttt").append("<h4>"+data.namee+"</h4><span>"+data.wene+"</span>")
            })
        }
    }) 
    $("#h").mouseover(function(){
        $(this).stop().animate({"margin-top":"-30px"}).css("box-shadow","2px 2px 3px 0.5px")
    })
    $("#h").mouseleave(function(){
        $(this).stop().animate({"margin-top":"0px"}).css("box-shadow","0 0 0 0")
    })
    $("#hh").mouseover(function(){
        $(this).stop().animate({"margin-top":"-30px"}).css("box-shadow","2px 2px 3px 0.5px")
    })
    $("#hh").mouseleave(function(){
        $(this).stop().animate({"margin-top":"0px"}).css("box-shadow","0 0 0 0")
    })
    $("#hhh").mouseover(function(){
        $(this).stop().animate({"margin-top":"-30px"}).css("box-shadow","2px 2px 3px 0.5px")
    })
    $("#hhh").mouseleave(function(){
        $(this).stop().animate({"margin-top":"0px"}).css("box-shadow","0 0 0 0")
    })
    $("#hhhh").mouseover(function(){
        $(this).stop().animate({"margin-top":"-30px"}).css("box-shadow","2px 2px 3px 0.5px")
    })
    $("#hhhh").mouseleave(function(){
        $(this).stop().animate({"margin-top":"0px"}).css("box-shadow","0 0 0 0")
    })
    $("#hhhhh").mouseover(function(){
        $(this).stop().animate({"margin-top":"-30px"}).css("box-shadow","2px 2px 3px 0.5px")
    })
    $("#hhhhh").mouseleave(function(){
        $(this).stop().animate({"margin-top":"0px"}).css("box-shadow","0 0 0 0")
    })
})